<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>魅族</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" class="next-head">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/footer.css">
</head>

<body>
    <!-- head -->
    <div class="header clearfix">
        <div class="inner">
            <div class="header-left">
                <ul>
                    <li>
                        <a href="#">魅族官网</a>
                    </li>
                    <li>
                        <a href="#">魅族商城</a>
                    </li>
                    <li>
                        <a href="#">Flyme</a>
                    </li>
                    <li>
                        <a href="#">专卖店</a>
                    </li>
                    <li>
                        <a href="#">服务</a>
                    </li>
                    <li>
                        <a href="#">社区</a>
                    </li>
                </ul>
            </div>
            <div class="header-right">
                <ul>
                    <li class="collect">
                        <a href="#">我的收藏</a>
                        <span class="new-icon">new</span>
                    </li>
                    <li>
                        <a href="#">我的订单</a>
                    </li>
                    <li>
                        <a href="#">登录</a>
                    </li>
                    <li>
                        <a href="#">注册</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- head -->
    <!-- main -->
    <!-- wrapper -->
    <div class="wrapper clearfix">
        <div class="inner">
            <span class="logo">
                <h1><a href="#"></a></h1>
            </span>
            <ul class="link">
                <li>
                    <h2><a href="#">PRO手机</a></h2>
                </li>
                <li>
                    <h2><a href="#">魅蓝手机</a></h2>
                </li>
                <li>
                    <h2><a href="#">MX手机</a></h2>
                </li>
                <li>
                    <h2><a href="#">精选配件</a></h2>
                </li>
                <li>
                    <h2><a href="#">智能硬件</a></h2>
                </li>
            </ul>
        </div>
    </div>
    <!-- wrapper -->
    <!-- banner -->
    <div class="banner clearfix">
        <div class="inner">
            <ul class="list">
                <li class="current">
                    <img src="images/banner.jpg" alt="">
                </li>
                <li>
                    <img src="images/banner.jpg" alt="">
                </li>
                <li>
                    <img src="images/banner.jpg" alt="">
                </li>
                <li>
                    <img src="images/banner.jpg" alt="">
                </li>
                <li>
                    <img src="images/banner.jpg" alt="">
                </li>
            </ul>
            <ul class="menu">
                <li><a href="">全部商品分类</a></li>
                <li><a href="">手机</a></li>
                <li><a href="">智能硬件</a></li>
                <li><a href="">耳机/音箱</a></li>
                <li><a href="">路由器/移动电源</a></li>
                <li><a href="">保护套/后盖/贴膜</a></li>
                <li><a href="">数据线/电源适配器</a></li>
                <li><a href="">周边配件</a></li>
            </ul>
            <em class="control btn-left"></em>
            <em class="control btn-right"></em>
            <ul class="control thumbs">
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
    <!-- banner -->
    <!-- 服务模块 -->
    <div class="module1 clearfix">
        <div class="inner">
            <ul>
                <li class="service">
                    <span><a href=""><img src="images/1450855246-61162.png"></img>M码通道</a></span>
                    <span><a href=""><img src="images/1450855279-64872.png"></img>以旧换新</a></span>
                    <span><a href=""><img src="images/1450855198-58056.png"></img>魅族意外保</a></span>
                    <span><a href=""><img src="images/1451960447-93534.png"></img>回购单查询</a></span>
                </li>
                <li><a href=""><img src="images/1469442560-64371.jpg" alt=""></a></li>
                <li><a href=""><img src="images/Cix_s1fuEgmAc5NwAABEl576SHY123.jpg" alt=""></a></li>
                <li><a href=""><img src="images/CnQOjVfhDa2AKtdyAAAtKjihE5E114.jpg" alt=""></a></li>
                <li><a href=""><img src="images/Cix_s1f66-eAGausAABXAszHWuE990.png" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!-- 服务模块 -->
    <!-- 手机模块 -->
    <div class="cellphone">
        <div class="inner">
            <h3 class="title">手机</h3>
            <ul class="module-phone">
                <li class="hot">
                    <div>
                        <img src="images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png" alt="">
                        <h4 class="name">魅蓝note3</h4>
                        <p class="time">11日-12日 限量开售</p>
                        <p class="price">¥799</p>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="images/CnQOjVf8Qm2AGJwmAAf5c4NUNpI085_180x180.png" alt="">
                        <h4 class="name">魅蓝3</h4>
                        <p class="time">11日-12日 公开版限量开售</p>
                        <p class="price">¥599</p>
                    </div>
                </li>
                <li class="hot">
                    <div>
                        <img src="images/Cix_s1f6EZaAMxvjAA2l_exLROk326_180x180.png" alt="">
                        <h4 class="name">魅蓝3s</h4>
                        <p class="time">11日-12日 限量开售</p>
                        <p class="price">¥699</p>
                    </div>
                </li>
                <li class="s">
                    <div>
                        <img src="images/CnQOjVf4y6iAe-3RAAbqolcyaco939_180x180.png" alt="">
                        <h4 class="name">魅蓝 metal</h4>
                        <p class="time">领卷立减100元</p>
                        <p class="price">¥999</p>
                    </div>
                </li>
                <li class="hot">
                    <div>
                        <img src="images/CnQOjVffSHOAaRkmAA0Rkx2XjKE222_180x180.png" alt="">
                        <h4 class="name">魅蓝 E</h4>
                        <p class="time">全网通 多彩金属机身</p>
                        <p class="price">¥1299</p>
                    </div>
                </li>
            </ul>
            <span class="more"><a href="">更多></a></span>
        </div>
    </div>
    <!-- 手机模块 -->
    <!-- main -->
    <!-- footer -->
    <div class="footer">
        <div class="inner">
            <div class="link clearfix">
                <div class="link-left">
                    <dl>
                        <dt>帮助说明</dt>
                        <dd><a href="#">支付方式</a></dd>
                        <dd><a href="#">配送说明</a></dd>
                        <dd><a href="#">售后服务</a></dd>
                        <dd><a href="#">付款帮助</a></dd>
                    </dl>
                    <dl>
                        <dt>Flyme</dt>
                        <dd><a href="#">开放平台</a></dd>
                        <dd><a href="#">固件下载</a></dd>
                        <dd><a href="#">软件商店</a></dd>
                        <dd><a href="#">查找手机</a></dd>
                    </dl>
                    <dl>
                        <dt>关于我们</dt>
                        <dd><a href="#">关于魅族</a></dd>
                        <dd><a href="#">加入我们</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                        <dd><a href="#">法律声明</a></dd>
                    </dl>
                    <dl>
                        <dt>关注我们</dt>
                        <dd><a href="#">新浪微博</a></dd>
                        <dd><a href="#">腾讯微博</a></dd>
                        <dd><a href="#">QQ空间</a></dd>
                        <dd><a href="#">官方微信</a></dd>
                    </dl>
                </div>
                <div class="link-right">
                    <em>24小时服务热线</em>
                    <h4>400-788-3333</h4>
                    <a><em>	&middot;&middot;&middot;</em>24小时在线客服</a>
                </div>
            </div>
            <div class="copyrights">
                <span class="rights">&copy;2016 Meizu Telecom Equipment Co., Ltd. All rights reserved.</span>
                <span class="beian">备案号：粤ICP备13003602号-2</span>
                <span class="bianhao">经营许可证编号：粤B2-20130198</span>
                <span class="license">营业执照<i class="icon-copy"></i><i class="icon-trust"></i></span>
            </div>
        </div>
    </div>
    <!-- footer -->
</body>

</html>